<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<div id="app">
    <h1>用户注册</h1>
    <form @submit.prevent="registerUser">
        <div>
            <label for="fullName">姓名：</label>
            <input type="text" v-model="user.fullName" id="fullName" required />
        </div>
        <div>
            <label for="email">电子邮件：</label>
            <input type="email" v-model="user.email" id="email" required />
        </div>
        <div>
            <label for="password">密码：</label>
            <input type="password" v-model="user.password" id="password" required />
        </div>
        <div>
            <label for="birthday">生日 (yyyy-mm-dd)：</label>
            <input type="date" v-model="user.birthday" id="birthday" required />
        </div>
        <div>
            <label>性别：</label>
            <input type="radio" value="Male" v-model="user.gender" /> 男
            <input type="radio" value="Female" v-model="user.gender" /> 女
        </div>
        <div>
            <label for="profession">职业：</label>
            <select v-model="user.profession" id="profession">
                <option value="Developer">开发者</option>
            </select>
        </div>
        <div>
            <label for="married">已婚？</label>
            <input type="checkbox" v-model="user.married" id="married" />
        </div>
        <div>
            <label for="note">备注：</label>
            <textarea v-model="user.note" id="note"></textarea>
        </div>
        <button type="submit">注册</button>
    </form>
</div>
<script src="/js/main.js"></script>
</body>
</html>